<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
</h:head>
<h:body>
	<f:loadBundle basename="props.lenguajes.messages" var="msg" />
	<p:separator />
	
	<h:outputLabel
		value="#{msg['message.ide.processImpact.afectacionProceso']}"
		style="width:707px;font-size: 10px; font-weight:bold;" />

	<p:outputLabel
		style="font-size: 10px; font-weight:bold;text-align:center"
		value="#{msg['message.ide.processImpact.agregarProceso']}" />
	<p:accordionPanel style="font-size: 10px; font-weight:bold;">


		<p:tab id="areaVehiculo" title="Area Vehículo">
			<h:panelGrid columns="3">
				<p:column>
					<h:outputLabel value="Seleccione un tipo de auto"
						style="font-size: 10px; font-weight:bold;" />
				</p:column>
				<p:column>
					<p:selectOneMenu value="#{processImpactMB.areaVehiculo}"
						style="width:175px">
						<p:ajax
							listener="#{processImpactMB.listenerAreaVehiculoSeleccionado}" />
						<f:selectItem itemLabel="Seleccione el estado" itemValue="" />
						<f:selectItems value="#{processImpactMB.areas}" var="area"
							itemLabel="#{area.area}" itemValue="area" />
					</p:selectOneMenu>
				</p:column>
				<p:column>
					<p:commandButton process="@this"
						value="#{msg['message.ide.processAndProducts.agregar']}"
						action="#{processImpactMB.agregarAreaVehiculo}" />
				</p:column>
			</h:panelGrid>
		</p:tab>


		<p:tab id="autos" title="Autos">
			<h:panelGrid columns="3">
				<h:outputLabel value="Seleccione un tipo de auto"
					style="font-size: 10px; font-weight:bold;" />
				<p:selectOneMenu value="#{processImpactMB.selectedAuto}"
					style="width:170px; font-size: 10px; font-weight:bold;">
					<f:selectItems value="#{processImpactMB.autos}" />
				</p:selectOneMenu>
				<p:commandButton process="@this"
					value="#{msg['message.ide.processAndProducts.agregar']}"
					action="#{processImpactMB.agregarVehiculo}"
					style="width:80px;font-size: 10px; font-weight:bold;" />
			</h:panelGrid>
		</p:tab>

		<p:tab id="inicioPlaneado" title="Inicio Planeado">
			<h:panelGrid columns="2" style="border:none">
				<p:calendar value="#{calendarBean.date3}" id="popupButtonCal"
					showOn="button" />
				<p:commandButton process="@this"
					value="#{msg['message.ide.processAndProducts.agregar']}"
					action="#{processImpactMB.agregarInicioPlaneado}"
					style="width:80px;font-size: 10px; font-weight:bold;" />
			</h:panelGrid>
		</p:tab>

		<p:tab id="numeroParte" title="Número de parte">
			<h:panelGrid columns="2" style="border:none">
				<p:inputText value="#{processImpactMB.numeroParte}"
					style="width:170px; font-size: 10px; text-align:center" />
				<p:commandButton process="@this"
					value="#{msg['message.ide.processAndProducts.agregar']}"
					action="#{processImpactMB.agregarNumeroParte}"
					style="width:80px;font-size: 10px; font-weight:bold;" />
			</h:panelGrid>
		</p:tab>

		<p:tab id="pko" title="Número PKO">
			<h:panelGrid columns="2" style="border:none">
				<p:inputText value="#{processImpactMB.pko}"
					style="width:170px; font-size: 10px; text-align:center" />
				<p:commandButton
					value="#{msg['message.ide.processAndProducts.agregar']}"
					action="#{processImpactMB.agregarPKO}"
					style="width:80px;font-size: 10px; font-weight:bold;" />
			</h:panelGrid>
		</p:tab>

		<p:tab id="asis" title="Diagrama AS IS">
			<p:fileUpload style="width:170px; font-size: 10px; text-align:center" />
			<h:panelGrid columns="2">
				<p:commandButton
					value="#{msg['message.ide.processAndProducts.agregar']}"
					action="#{processImpactMB.agregarAS_IS}"
					style="font-size: 10px; font-weight:bold;" />
			</h:panelGrid>
		</p:tab>

		<p:tab id="tobe" title="Diagrama To BE">
			<p:fileUpload style="font-size: 10px; text-align:center" />
		</p:tab>

		<p:tab id="aeko" title="AEKO">
			<h:panelGrid columns="2" style="border:none">
				<p:inputText value="#{processImpactMB.aeko}"
					style="width:170px; font-size: 10px; text-align:center" />
				<p:commandButton
					value="#{msg['message.ide.processAndProducts.agregar']}"
					action="#{processImpactMB.agregarAEKO}"
					style="width:80px;font-size: 10px; font-weight:bold;" />
			</h:panelGrid>
		</p:tab>

		<p:tab id="puntoPrograma" title="Punto Programa">
			<h:panelGrid columns="2" style="border:none">
				<p:inputText value="#{processImpactMB.puntoPrograma}"
					style="width:170px; font-size: 10px; text-align:center" />
				<p:commandButton
					value="#{msg['message.ide.processAndProducts.agregar']}"
					action="#{processImpactMB.puntoPrograma}"
					style="width:80px;font-size: 10px; font-weight:bold;" />
			</h:panelGrid>
		</p:tab>
	</p:accordionPanel>
</h:body>
</html>